<template>
    <!-- 医生列表 -->
    <div class="Re_doctorlist">
        <header class="Reg_doctorlist_header">
            <!--点击返回-->
            <p class="Reg_doctorlist_to_back" @click="Reg_doctorlist_to_back"><img src="../../../static/imgs/return.png"/></p>
            <p>医生列表</p>
            <p></p>
        </header>
        <main class='Reg_doctorlist_main'>
             <section class='Reg_doctorlist_section01' v-for="doctor in doctorlist" @click="Reg_doctorlist_section01">
				<dl class='Reg_doctorlist_dl01'>
					<dd>
						<img :src='doctor.img'/>
					</dd>
				<dt>
					<p>{{doctor.text1}}</p>
					<p>{{doctor.text2}}</p>
				</dt>
			</dl>
			</section>

        </main>
    </div>
</template>
<script>
     export default {
     	name:'Re_doctorlist',
     	data () {
          return {
            doctorlist: []
          }
        },
        methods:{
        	Reg_doctorlist_to_back:function(){
        		this.$router.go(-1)
        	},
        	Reg_doctorlist_section01:function(){
        		this.$router.push({path:"/Re_do_deletails"})
        	}
        	
        },
        created () {
          this.$axios.get('/api/Re_doctorlist').then(rep=>{
            this.doctorlist = rep.data.list;
          });
        }
    }
</script>
<style scoped lang='less'>
.PxToRem(@name, @px){
@{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}

.Reg_doctorlist_header{
    .PxToRem(height,88);
    .PxToRem(font-size,28);
    .Flex;
    justify-content: space-between;
    align-items: center;
    background: url(../../../static/imgs/Reg_serve_bg01.jpg);
    position: fixed;
    padding-left: 2%;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #e6e6e6;
    p:nth-child(1){
        flex: 1;
        img{
            .PxToRem(width,55);
            .PxToRem(height,53);
        }
    }
    p:nth-child(2){
        flex: 6;
        .PxToRem(font-size,35);
    }
    p:nth-child(3){
        flex: 1;
    }
}
.Reg_doctorlist_main{
    .PxToRem(padding-top,88);
    .Reg_doctorlist_section01{
        .Flex;
        padding-left: 2%;
        .PxToRem(height,180);
        align-items: center;
        border-bottom: 1px solid #eeeeee;
        .Reg_doctorlist_dl01{
            .Flex;
            dd{
                img{
                    .PxToRem(width,124);
                    .PxToRem(height,124);
                }
            }
            dt{
               .PxToRem(margin-left,30);
               p:nth-child(1){
                   .PxToRem(padding-top,15);
                   .PxToRem(font-size,30);
               }
               p:nth-child(2){
                   .PxToRem(padding-top,20);
                   .PxToRem(font-size,26);
                   color: #676767;
               }
            }
        }
    }  
 
}

</style>
